<html>

<head>
    <meta charset="utf-8">
    <title>SPECTER-WiKi 文档说明中心</title>
    <link rel="stylesheet" href="//cdnjs.loli.net/ajax/libs/mdui/0.4.3/css/mdui.min.css">
    <script src="//cdnjs.loli.net/ajax/libs/mdui/0.4.3/js/mdui.min.js"></script>
</head>

<body class="mdui-theme-primary-indigo mdui-theme-accent-pink mdui-appbar-with-toolbar">
    <!-- header -->
    <header class="mdui-appbar mdui-appbar-fixed">
        <div class="mdui-toolbar mdui-color-theme">
            <span class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">collections_bookmark</i></span>
            <span class="mdui-typo-headline">SPECTER-WiKi 文档说明中心</span>

            <div class="mdui-toolbar-spacer"></div>

            <a href="./login.html" class="mdui-btn mdui-btn-icon">
                <i class="mdui-icon material-icons">power_settings_new</i>
            </a>
            <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">help</i></a>
        </div>
    </header>
    <!-- nav -->
    <!-- content -->

    <main class="mdui-container mdui-m-t-4">
        <div class="mdui-row-xs-2 mdui-row-md-3 mdui-grid-list">

            <div class="mdui-col">
                <div class="mdui-grid-tile">
                    <div style="height: 60px;"></div>
                    <div class="mdui-grid-tile-actions">
                        <div class="mdui-grid-tile-text">
                            <div class="mdui-grid-tile-subtitle">
                                <i class="mdui-icon material-icons">grid_on</i>TEST
                            </div>
                        </div>
                        <div class="mdui-grid-tile-buttons">
                            <a class="mdui-btn mdui-btn-icon" href="test/index.html" target="_blank">
                                <i class="mdui-icon material-icons">arrow_forward</i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </main><!-- /.mdui-container -->
    <!-- footer -->
    <footer>

    </footer>

    <script>

    </script>
    <style>
        body {
            background-image: url('https://cn.bing.com/th?id=OHR.CloudsPelmo_ZH-CN3713829654_UHD.jpg&rf=LaDigue_UHD.jpg&pid=hp&w=3840&h=2160&rs=1&c=4');
            background-size: cover;
        }
    </style>
</body>

</html>